{include file="index@public/header" /}
  <style>
      body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}

.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.content {
  font: 12px/14px arial,helvetica,sans-serif;
  color: #333333;
  line-height: 20px;
}
.content >div{
  margin: 20px 0;
}
@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
    .layui-card-body{
        padding: 10px 5px;
    }
.layui-card-body .layui-col-sm3{margin:5px 0px;}
.layui-card-body .layui-col-sm3 a{display:block;}
.layui-card-body .layui-col-sm3 a:hover{color:#36648A;}
.layui-card-body .layui-col-sm3 .plist{width: 95%;border:1px solid #ccc;border-radius: 8px;padding:5px;height:148px;overflow:hidden}
.layui-card-body .layui-col-sm3 a:hover .plist{border:1.5px solid #36648A;}
.layui-card-body .layui-col-sm3 .plist .plist-title{padding-bottom:3px;font-family: Titillium Web,sans-serif;font-size:15px;padding-left:5px}
.layui-card-body .layui-col-sm3 .plist img{width:100%;padding:2px}
.layui-card-body .layui-col-sm3 .plist .layui-col-sm9{font: 12px/14px arial,helvetica,sans-serif;color: #333;line-height: 1.5;padding:2px;}
@media screen and (max-width: 768px) {
  h1{font-size:14px;}
}
.layui-card-body a{text-decoration:none;}
#gengduoli1 *{
    margin: unset;
    padding: revert;
	  list-style: revert;
  }
    </style>
  
  <!-- Ceramic Bearings内容适配手机 -->
  <style type="text/css">
    @media screen and (max-width: 767px) {
      .plist{
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
      }
      .plist-title{
        width: 100%;
        padding-bottom: 0 !important;
        height: 1.56rem;
      }
      .plist>div:nth-child(2){
        width: 25%;
        padding: 0.43rem 0 0 0 !important; 
      }
      .plist>div:nth-last-child(1){
        width: 75%;
      }
      .layui-card{
            padding: 10px 5px 50px !important;
      }
      .layui-breadcrumb{
        margin-top: 20px;
      }
      .lphone{margin-top: -40px;}
    }
  </style>
  
  
 <div class="layui-container lphone" style='font: 12px/14px arial,helvetica,sans-serif'>
      <div class="layui-card">
        <div class="layui-breadcrumb" lay-separator="/" style="visibility: visible;">
          {foreach $crumbs as $k=>$v }
           <?php if($k!=count($crumbs)-1){?>
          <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
          <?php }else{ ?>
          <a style="font: 12px/14px arial,helvetica,sans-serif;"><cite>{$class_info['alias_name']}</cite></a>
          <?php } ?>
          {/foreach}
        </div>
        
        <div class="layui-card-header">
          <h1>{$class_info['alias_name']}</h1>
        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div>
              
              {foreach $class_tag as $key=>$value }
              <div class="layui-col-sm3 layui-col-xs12">
                <a href="/{$value['class_url']}">
                  <div class='plist'>
                    <div class='plist-title'>{$value['alias_name']}</div>
                    <div class="layui-col-sm3"><img src="{:Config::get('app.images_host').$value['img']}" alt="{$value['alias_name']}"></div>
                    <div class="layui-col-sm9">{$value['block_des']}</div>
                  </div>
                </a>
              </div>
              {/foreach}
              <div style="clear: both;"></div>
            </div>
          </div>
        </div>
   
        <?php if(!empty($classify_content)){?>
        <div class="content" id='gengduoli1'>
          {:htmlspecialchars_decode($classify_content['total_des'])}
        </div>
        <?php } ?>
      </div>
    </div>
  {include file="index@/public/footer" /} 

